<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>视频诊室</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weui.css" />
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weuix.css" />
    <script src="/lobsteruiframe/weui/js/zepto.min.js"></script>
    <script src="/lobsteruiframe/weui/js/zepto.weui.js"></script>
    <script src='https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js'></script>

    <script src='/lobsteruiframe/trtc_h5/js/libs/trtc.js'></script>
    <script src='/lobsteruiframe/trtc_h5/js/libs/lib-generate-test-usersig.min.js'></script>
    <script src='/lobsteruiframe/trtc_h5/js/libs/generateTestUserSig.js'></script>


    <!-- <script src='/lobsteruiframe/trtc_h5/js/index.js'></script> -->

    <script src="/jslib/template-web.js"></script>
    <script src="/jslib/lobster.js"></script>
    <script src="videoroom.js"></script>
    <style>
        .video {
            min-height: 200px;
            background-image: url(image/camera.png);
            background-position: center center;
            background-repeat: no-repeat;
        }
    </style>
</head>

<body ontouchstart>
    <div class="page-bd-15">

        <h3>本人视频</h3>
        <div class="weui-flex">
            <div class="weui-flex__item">
                <div class="img-box border-radius video" id='local'>
                    <!-- <div class="img-box-title">本人视频</div> -->
                </div>
            </div>
        </div>
        <h3>对方视频</h3>
        <div class="weui-flex">
            <div class="weui-flex__item">
                <div class="img-box border-radius video" id='remote-container' style="min-height: 200px;">
                    <!-- <div class="img-box-title">对方视频</div> -->
                </div>
            </div>
        </div>
        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_warn" href="javascript:" id="leave">离开房间</a>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item">
                <div class='log' id='log'>
                    <strong>Log:</strong>
                </div>
            </div>
        </div>
    </div>
</body>
<script src='/lobsteruiframe/trtc_h5/js/common.js'></script>
<script src='/lobsteruiframe/trtc_h5/js/client.js'></script>
<script src='/lobsteruiframe/trtc_h5/js/shareClient.js'></script>

</html>